<!DOCTYPE html>
<html lang="en" xmlns:th="http://thyneleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="StyleSheet" href="../../static/css/jpetstore.css" type="text/css"
          media="screen" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #tab{
            text-align: center;
            list-style: none;
        }
        #tab li {
            display: inline-block;
            list-style: none;
            cursor: pointer;
            padding: 0.8ex;
            margin-top: 1.5ex;
            background: #eeedeb no-repeat;
            font: bold 27px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
            color: #f5ba11;
            border-right: 1px solid #bfa986;
            border-bottom: 1px solid #bfa986;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
        }

    </style>
</head>
<body>
<div th:replace="/common/header"></div>
<ul id="tab">
    <li id="tab1" style="width: 300px">Product Infor</li>
</ul>

<div id="container">
    <form action="/Manager/insertProduct" method="post" enctype="multipart/form-data">
        <div id="content1">
            <div id="Catalog">
                <style type="text/css">

                    table {
                        width: 700px;
                        padding: 0;
                        margin: 0;
                    }

                    caption {
                        padding: 0 0 5px 0;
                        width: 700px;
                        font: italic 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                        text-align: right;
                    }
                    th {
                        font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                        color: #f5ba11;
                        border-right: 1px solid #bfa986;
                        border-bottom: 1px solid #bfa986;
                        border-top: 1px solid #bfa986;
                        letter-spacing: 2px;
                        text-transform: uppercase;
                        text-align: left;
                        padding: 6px 6px 6px 12px;
                        background: #eee0c5 no-repeat;
                    }
                    td {
                        border-right: 1px solid #bfa986;
                        border-bottom: 1px solid #bfa986;
                        background: #fff;
                        font-size:16px;
                        padding: 6px 6px 6px 12px;
                        color: #4f6b72;
                    }

                </style>
                <table>
                    <tr>
                        <td style="background: #eee0c5 no-repeat;">productId:</td>
                        <td><input type="text"  name="productId" id = "productId">
                        </td>
                    </tr>
                    <tr>
                        <td style="background: #eee0c5 no-repeat;">category:</td>
                        <td><input id="category" name="category" ></td>
                    </tr>
                    <tr>
                        <td style="background: #eee0c5 no-repeat;">name:</td>
                        <td><input name="name" id="name">
                        </td>
                    </tr>
                    <tr>
                        <td style="background: #eee0c5 no-repeat;">descn:</td>
                        <td><input name="descn" id="descn">
                        </td>
                    </tr>
                    <tr>
                        <td style="background: #eee0c5 no-repeat;">上传图片:</td>
                        <td><input type="file" name="file" id="file" >
                        </td>
                    </tr>
                </table>
                <input type="submit" name="newProduct" value="Add"/>
            </div>
        </div>
    </form>
</div>
<div th:replace="/common/footer"></div>
</body>
</html>